<template>
  <uni-drawer ref="leftDrawerRef" mode="left" :width="290">
    <view :style="{ paddingTop: safeAreaTop + 'px' }" class="drawer-container">
      <rider-info />
      <work-info />
    </view>
  </uni-drawer>
</template>

<script setup lang="ts">
import $store from '@/store'
import { ref } from 'vue'
import RiderInfo from './rider-info/index.vue'
import WorkInfo from './work-info/index.vue'
const { safeAreaTop } = $store.app.getSystemParam()
const leftDrawerRef = ref()

// 暴露给父组件的方法
defineExpose({
  callOut() {
    leftDrawerRef.value.open()
  }
})
</script>

<style scoped lang="scss">
.drawer-container {
  padding: 0 25rpx;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
</style>
